<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>{%$article.title|escape:'html'%}</title>
	<link rel="stylesheet" href="/static/css/common.css?v=1.0" />
	<style type="text/css">
		
		
		/**中心内容区域**/
		#content-wrap{
			position: relative;
			margin-top: 30px;
			box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9);
			background: #fff;
			padding: 30px;
		}

		/*右侧边栏*/
		#sidebar{
			float: right;
			width: 270px;
		}		
		
		/*文章列表区域*/
		#post-container-wrap{
			margin-right: 300px;
		}
		.post-item{
			overflow: hidden;
			padding-bottom: 20px;
			border-bottom: 1px dashed gray;
			margin-bottom: 30px;
		}
		.post-item img{
			width: 220px;
			height: 120px;
			float: left;

		}
		.post-content-wrap{
			margin-left: 230px;
		}
		.post-item-title{
			font: normal 16px/20px "微软雅黑", Arial;
			max-height: 40px;
			overflow: hidden;
		}
		.post-abstract{
			font: 12px/20px "微软雅黑", Arial;
			max-height: 60px;
			overflow: hidden;
			word-break: break-all;
		}
		.post-meta-info{
			color: #999;
			margin: 10px 0;
		}

		/*文章内容区域*/
		.article-title{
			font: bold 26px "微软雅黑", Arial;
			word-break: break-all;
		}
		.article-meta{
			border-bottom: 1px dashed gray;
			margin: 10px 0;
			padding-bottom: 10px;
		}
		.article-content{
			font: 16px/28px "微软雅黑", Arial;
			word-break: break-all;
			text-indent: 35px;
			margin: 20px 0;
		}
		.article-content p{
			margin: 15px 0;
		}


		/***页脚**/
		#footer{
			clear: both;
			text-align: center;
			font-family: Arial;
			margin-top: 100px;
		}

		/**返回顶部**/
		#back-top{
			position: fixed;
			right: 30px;
			bottom: 80px;
			width: 60px;
			height: 60px;
			text-align: center;
			background: #666;
			color: #fff;
			font-size: 40px;
			line-height: 60px;
			cursor: default;
			opacity: .5;
			transition: all linear .5s;
		}
		#back-top:hover{
			opacity: 1;
		}

	</style>
</head>
<body>

	<div id="body-wrap">
		<div id="head-wrap-holder">
			{%include file="./include/header.tpl" data=$fenlei%}
		</div>
		
		<!-- 主要内容区域 -->
		<div id="content-wrap" class="clearfix">
			<div id="sidebar">
				{%*视频学习*%}
				{%include file="./include/videostudy.tpl" data=$shipin%}		
				<!-- 客户伙伴 -->
				<dl class="sidebar-item">
					<dt class="sidebar-item-title">客户伙伴<a class="more" href="#">更多</a></dt>
					<dd>
						{%include file="./include/kehuhuoban.tpl" data=$huoban%}
					</dd>
				</dl>

				<!-- 赞助伙伴 -->
				<dl class="sidebar-item">
					<dt class="sidebar-item-title">赞助伙伴<a class="more" href="#">更多</a></dt>
					<dd>
						{%include file="./include/zanzhuhuoban.tpl" data=$guanggao%}
					</dd>
				</dl>

			</div>
			<div id="post-container-wrap">
				<div id="post-container">
					<h2 class="article-title">{%$article.title%}</h2>
					<div class="article-meta">
						<span class="article-author">{%$article.author%}</span>
						<span class="article-time">{%$article.create_time%}</span>
						<span class="article-pv">{%$article.pv%}</span>
						<span class="article-tag">{%$article.keywords%}</span>
					</div>
					<div class="article-content">
						{%$article.contents%}
					</div>
				</div>
				<!-- Duoshuo Comment BEGIN -->
				<div class="ds-thread"></div>
				<script type="text/javascript">
				var duoshuoQuery = {short_name:"hawkthorn"};
					(function() {
						var ds = document.createElement('script');
						ds.type = 'text/javascript';ds.async = true;
						ds.src = 'http://static.duoshuo.com/embed.js';
						ds.charset = 'UTF-8';
						(document.getElementsByTagName('head')[0] 
						|| document.getElementsByTagName('body')[0]).appendChild(ds);
					})();
					</script>
				<!-- Duoshuo Comment END -->
			</div>
		</div>

		<!-- 底部版权文字 -->
		<div id="footer">
			霍桑咨询&copy;2013
		</div>
	</div>

	<div id="back-top" title="返回顶部">&#8673;</div>

	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="/static/js/lib/underscore.js"></script>
	<script type="text/javascript" src="/static/js/showarticle/showarticle.js"></script>
</body>
</html>